/*----------------------------------------
Xiaonei Applications -  Base
----------------------------------------*/

/* Main
----------------------------------------*/
.app_canvas {width:798px;overflow-x:hidden;position:relative;}
.app-notice {border-bottom:1px solid #ffe222;background:#fffbe2;padding:8px 10px; }

/* Elements
----------------------------------------*/
ul {list-style:none;}

#app_canvas p {margin: 0 0 0.5em 0;	line-height:1.2em;}
#app_canvas p.last {margin-bottom:0;}

#app_canvas h1 {font-size:16px;}
#app_canvas h2 {font-size:14px;}
#app_canvas h3 {font-size:14px;}
#app_canvas h4 {font-size:12px;}
#app_canvas h5 {font-size:12px;}
#app_canvas h6 {font-size:12px;}
#app_canvas h1,#app_canvas h2,
#app_canvas h3,#app_canvas h4,
#app_canvas h5,#app_canvas h6 {margin-bottom:15px; }

#app_canvas blockquote {padding:5px;}

/* Standard Definitions
----------------------------------------*/
.pipe {margin:0 3px; color:#aaa; display:inline-block; width:1px;}
.hyphen {padding:0 5px; font-size:14px;}

.title {font-size:14px;}
.description, .time {color:#808080;}
.underline {border-bottom:1px solid #d8dfea;padding-bottom:5px;}

.float-left {float:left;}
.float-right {float:right;}
.clear-both {clear:both;}
.display-block {display:block;}
.margin-bottom-5 {margin-bottom:5px;}
.margin-bottom-10 {margin-bottom:10px;}
.margin-bottom-15 {margin-bottom:15px;}

.hide {display:none;}
.show {display:block;}

.bold {font-weight:bold;}
.small-font {font-size:10px;}
.normal-font {font-size:12px;}
.large-font {font-size:14px;}
.weight-normal {font-weight:normal;}
.gray-box {background:#f7f7f7;border:1px solid #ddd;padding:10px;margin-bottom:15px;}
.submit-holder {padding:10px;text-align:center;}


/* Standard Form Elements
----------------------------------------*/
input, select {
	vertical-align:middle;
}
label {
	color:#666;
	cursor:pointer;
	font-weight:bold;
}
textarea {border:1px solid #bdc7d8;padding:3px;}

select, label, textarea,input {
	font-family:'lucida grande',tahoma,verdana,arial,simsun,sans-serif;
}

.input-text {border:1px solid #bdc7d8;padding:3px;}
.input-checkbox {margin:0;padding:0;}
.input-button, .input-submit {
	background-color:#3b5888;
	border-color:#d8dfea #0e1f5b #0e1f5b #d8dfea;
	border-style:solid;
	border-width:1px;
	color:#fff;
	cursor:pointer;
	font-size:12px;
	padding:3px 15px;
	text-align:center;
}
input.gray {
	border:1px solid;
	border-color:#fff #848484 #848484 #fff;
	background:#f0f0f0;
	color:#333;
}

/* List Style
----------------------------------------*/
.float-list li {
	float:left;
	height:26px;
	line-height:26px;
}

.float-list li img{
	vertical-align:middle;
}


.float-list.rows-4 li {
	width:140px;
}



/* Friends Selector
----------------------------------------*/
#app_canvas .friend-selector.loading-progress .selector {background:url(/img/indicator.gif) no-repeat center; }
#app_canvas .friend-selector.loading-progress .selector ul {display:none;}
#app_canvas .friend-selector .selector{ border:1px solid #d8dfea; padding:0.5em; background-color:#fff; height:180px; overflow:scroll; overflow-x:hidden; margin-bottom:15px;}
#app_canvas .friend-selector .selector ul li{ width:134px; height:39px; overflow:hidden; float:left;  border:0 ; padding:0; margin:3px; margin-right:3px;}
#app_canvas .friend-selector .selector ul li a{ display:block; height:39px; padding:4px;}
#app_canvas .friend-selector .selector ul li a:hover{ text-decoration:none; background:url(/img/tiny_friend_selector_hover_bg.gif) top left no-repeat;}
#app_canvas .friend-selector .selector ul li a:hover h4{ color:#333;}
#app_canvas .friend-selector .selector ul li a:hover span.atnet{ color:#666;}
#app_canvas .friend-selector .selector ul li a:hover span.picbox{ background-color:#fff;}
#app_canvas .friend-selector .selector ul li a h4{ color:#333;margin-bottom:0;}
#app_canvas .friend-selector .selector ul li a span.atnet{ color:#ccc;}
#app_canvas .friend-selector .selector ul li a span.picbox{ width:25px; height:25px; padding:2px; margin-right:3px; border:1px #ccc solid; float:left; border-color:#b1c1e1;}
#app_canvas .friend-selector .selector ul li a span.picbox span.pic{ background-color:#fff; background-position:center; background-repeat:no-repeat; width:25px; height:25px; display:block; }
#app_canvas .friend-selector .selector ul li a span.picbox img.added{ display:none;}
#app_canvas .friend-selector .selector ul li.select,
#app_canvas .friend-selector .selector ul li.select a:hover{ background:url(/img/tiny_friend_selector_bg.gif) top left no-repeat;}
#app_canvas .friend-selector .selector ul li.select a h4,
#app_canvas .friend-selector .selector ul li.select a:hover h4{ color:#fff;}
#app_canvas .friend-selector .selector ul li.select a:hover span.atnet{ color:#ccc;}
#app_canvas .friend-selector .selector ul li.select a span.picbox,
#app_canvas .friend-selector .selector ul li.select a:hover span.picbox{ background:#8497C0;}
#app_canvas .friend-selector .selector ul li.select a span.picbox span.pic{ background-position:center; background-repeat:no-repeat; width:25px; height:25px; }
#app_canvas .friend-selector .selector ul li.select a span.picbox span.pic img.added{ display:block; padding-top:10px;}

.condensed_multi_friend_selector {border:1px solid #bdc7d8;width:300px;margin-bottom:10px;}
.condensed_multi_friend_selector .search_holder {border-bottom:1px solid #bdc7d8;}
.condensed_multi_friend_selector .clear-result {float:right;}
.condensed_multi_friend_selector .search_freinds {border:0;padding:4px 4px 5px 20px;background:url(/img/searchinputbg.gif) no-repeat 3px 3px; width:240px; }
.condensed_multi_friend_selector .search_freinds.gray {color:#808080;}
.condensed_multi_friend_selector .unselected_list {border-right:1px solid #bdc7d8;overflow:auto; padding:5px; float:left; width:120px; height:147px;margin-right:4px;}
.condensed_multi_friend_selector .selected_list {border-left:1px solid #bdc7d8;overflow:auto; padding:5px; height:147px;position:relative;}
.condensed_multi_friend_selector .unselected { background:url(/img/plus.gif) no-repeat 5px 5px;padding:3px 0 3px 18px;}
.condensed_multi_friend_selector .unselected.uhover { background:#3b5888 url(/img/plus_white.gif) no-repeat 5px 5px;cursor:pointer;color:#fff; }
.condensed_multi_friend_selector .selected { background:#fff url(/img/x_to_hide_gray.gif) no-repeat 2px 2px;padding:1px 0 1px 18px;position:relative;}
.condensed_multi_friend_selector .selected.shover { background-image:url(/img/x_to_hide_dark_blue.gif);cursor:pointer;}

.condensed_multi_friend_selector .selected_list .empty-list {position:absolute;}
.condensed_multi_friend_selector .selected_list .error {position:absolute; top:50px;background:#ffebe8;border:1px solid #dd3c10; padding:10px; margin-right:5px;}

*+html .condensed_multi_friend_selector .unselected {padding:5px 0 2px 18px;}
*+html .condensed_multi_friend_selector .selected {padding:3px 0 0 18px;}

.app-invite-list p {margin-bottom:5px;}
.app-invite-list a {margin-right:5px;}
.app-invite-preview {padding-top:5px;}
.app-invite-preview p {margin-bottom:3px;}
.app-invite-preview .preview-holder {border:1px solid #d8dfea;padding:10px;}
.app-invite-preview .preview-holder .image {float:left;margin-right:10px;}
.app-invite-preview .preview-holder p {font-weight:bold;color:#808080;}

/* APP Grade Bar */
.app-grade-holder{width:810px;margin-bottom:5px;padding-bottom:6px;float:left;background:transparent url(http://xnimg.cn/img/triangle_bottom.png) no-repeat bottom;}
.app-grade{padding:0 10px;background:#F4F8FF;border:1px solid #D8DFEA;border-bottom:none;height:30px;line-height:30px;}
.app-grade a.share-app{overflow:hidden;margin-top:5px;text-indent:-9999px;outline:none;float:right;width:58px;height:19px;display:block;background:url(http://xnimg.cn/img/act_share.gif) no-repeat;}
.app-grade a.share-app:hover{background-position:0 -19px;}
.app-grade a.invite-friends{overflow:hidden;margin:5px 10px 0 0;text-indent:-9999px;outline:none;float:right;width:122px;height:19px;display:block;background:url(http://xnimg.cn/img/invitefriend.png) no-repeat;}
.app-grade a.invite-friends:hover{background-position:0 -19px;}
.app-grade .grades{margin-top:7px;height:15px;line-height:15px;background:url(http://xnimg.cn/img/stars.png) no-repeat;}
.app-grade .red{padding-left:110px;color:#CC3300;font-weight:bold;font-size:11px;}

.no-ad-center .app-grade-holder, .no-ad-center .contact-author{float:none;margin:0 auto 5px;}

/* APP Author-Contact Bar */
.contact-author{position:relative;width:778px;padding:0 15px;float:left;height:30px;line-height:30px;margin-top:5px;background-color:#F8F8F8;border:1px solid #A6A6A6;}
.contact-author .input-button{margin:2px 0 0 10px;}
.contact-author a.contact-btn, .contact-author a.contact-btn-active{overflow:hidden;margin-top:5px;display:block;width:80px;height:20px;text-indent:-9999px;outline:none;background:url(http://xnimg.cn/img/appauthor.png);}
.contact-author a.contact-btn-active{background-position:0 -40px;}
.contact-author a.contact-btn:hover{background-position:0 -20px;}
.author-list{width:78px;padding:5px 0;position:absolute;left:15px;border:1px solid #3C5988;background:#fff;}
.author-list li a{overflow:hidden;padding:0 10px;display:block;height:24px;line-height:24px;}
.author-list li a:hover{background:#6D84B4;color:#fff;text-decoration:none;}
/*	added by youhuata.com at 2008-08-26  15:42		*/
.scorethis{ color: #CC3300; font-weight: bold; font-size: 14px;}
.scorethisDiv{ float:left; width:52px; line-height:25px; margin-top:-3px}
.scorethis strong{ font-size: 28px;}
.domarks{padding-top:5px; line-height:25px; height:25px; overflow:hidden;}
.mark_txt{float:left; width:25px; line-height:24px; padding-left:5px; color:#808080;}
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating .current-rating{
	background: url(http://xnimg.cn/img/stars.png) left bottom no-repeat;
}
.pop_dialog_table .star-rating a:hover,.pop_dialog_table .star-rating a:active,.pop_dialog_table .star-rating a:visited{background:none;}
.star-rating{
	float:left;
	position:relative;
	width:90px;
	height:15px;
	overflow:hidden;
	list-style:none;
	background-position: left top;
	margin:4px 0;
}
.star-rating li{
	display: inline;
}
.star-rated{ background-position:left top;}
.star-rating a,
.star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:15px;
	line-height:15px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover,
.star-rating a:active {
	background-position: left bottom;
}
.star-rating a.one-star{
	width:20%;
	z-index:6;
}
.star-rating a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating .current-rating{
	z-index:1;
	background-position: left bottom;
}
.share_rating{margin:0}
.share_rating .rating_num{text-indent:-999em;overflow:hidden;display:block;background:url(http://xnimg.cn/img/stars.png) no-repeat left bottom; line-height:15px; height:15px}

.gray-box{margin-bottom:0}
/*	added end	*/

#appCommentForm label{display:block;clear:both;}
#appCommentForm textarea{height:30px;width:280px !important;color:#333;}
#appCommentForm .status-count{margin-left:67px;}
#appCompatible td.pop_content .dialog_body .no-margin {margin:0;}

/* featured app */
.app-featured {width:128px;overflow:hidden;margin-top:0px;margin-bottom:15px;text-align:center;background-color:#F7F7F7}
.app-featured .innerborder {border:1px solid #E9E9E9; background-color:#fff;padding:5px; margin:3px 5px 5px}
.app-featured h3 {font-weight:bold;color:#808080;font-size:12px;margin-bottom:10px;}
.app-featured strong {display:block;}
.app-featured img {margin:5px 0;}

.share_info{float:left; padding-left:5px; color:#666}
.share_info p{ margin:5px 0}
.share_info .tag{color:#333}

.separator{ margin:10px 5px; height:1px; overflow:hidden; background:#E9E9E9}
.app-featured .featured_ad_title{background:#F7F7F7;margin-bottom:0; padding-top:3px}

body {
font-family:'lucida grande',tahoma,helvetica,arial,'bitstream vera sans',sans-serif;
font-size:12px;
text-align:center;
}
.dgreen {
	COLOR: #09460f; FONT-FAMILY: Arial
}
.dred {
	PADDING-LEFT: 6px; COLOR: #d01e3b; FONT-FAMILY: Arial
}
.dorg {
	PADDING-LEFT: 6px; COLOR: #f60; FONT-FAMILY: Arial
}
.dblue {
	COLOR: #369
}
.c9 {
color:#999999;
font-family:Arial;
}
.w265 {
width:265px;
}
.c6 {
color:#666666;
font-family:Arial;
}
.w220 {
	WIDTH: 220px
}
.w360 {
	WIDTH: 360px
}
.gw13 {
clear:right;
color:#999999;
float:right;
font-family:Arial;
font-size:10px;
}
.tar {
text-align:right;
}
.tac {
text-align:center;
}
a:link, a:visited {
color:#005EAC;
text-decoration:none;
}
a:hover {
color:#005EAC;
text-decoration:underline;
}
a {
color:#005EAC;
}
div {
line-height:19px;
text-align:left;
}
.c {
clear:both;
}
.f14 {
font-size:14px;
}
.mb10 {
margin-bottom:10px;
}
.l {
float:left;
}
.r {
clear:right;
float:right;
}
img {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
td {
border-collapse:collapse;
font-size:12px;
}
.main {
	width:800px;
	background:#FFFFFF none repeat scroll 0 0;
	border-color:#DDDDDD #DDDDDD #EEEEEE;
	border-style:solid;
	border-width:1px;
	clear:right;
	min-height:320px;
}
.main_panel {
background:#FFFFFF none repeat scroll 0 0;
border-bottom:1px solid #BBBBBB;
min-height:530px;
padding:15px;
}
.navbar {
	MARGIN-BOTTOM: 25px; 
	WIDTH: 100%; 
	BORDER-BOTTOM: #ccc 1px solid; 
	HEIGHT: 25px
}
.navitem H4 {
	PADDING-RIGHT: 0px; BACKGROUND-POSITION: 0px 3px; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 2px 0px 0px 12px; WIDTH: 50px; CURSOR: pointer; COLOR: #369; PADDING-TOP: 2px; HEIGHT: 16px; TEXT-ALIGN: center
}
.navitem H4.home {
	BACKGROUND: url(images/home.jpg) no-repeat left 50%
}
.navitem H4.rank {
	BACKGROUND: url(images/rank.gif) no-repeat left 50%
}
.navitem H4.help {
	BACKGROUND: url(images/help.png) no-repeat left 50%
}

.navitem {
	BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #fff; FLOAT: left; WIDTH: 75px; MARGIN-RIGHT: 2px; HEIGHT: 24px
}

.left_panel {
	MARGIN-TOP: -7px; FLOAT: left; WIDTH: 440px
}
.right_panel {
	MARGIN-TOP: -7px; FLOAT: left; MARGIN-LEFT: 10px; WIDTH: 320px
}
H3.slaves_title,H3.friends_title {
	PADDING-RIGHT: 0px; PADDING-LEFT: 23px; FONT-SIZE: 13px; BACKGROUND: url(images/friends.gif) no-repeat; PADDING-BOTTOM: 0px; MARGIN: 20px 0px 15px; PADDING-TOP: 5px; BORDER-BOTTOM: #7f93bc 1px solid; HEIGHT: 20px
}
H3.activity_title {
	PADDING-RIGHT: 0px; PADDING-LEFT: 23px; FONT-SIZE: 13px; BACKGROUND: url(images/post.gif) no-repeat left 50%; PADDING-BOTTOM: 0px; MARGIN: 0 0 5px; WIDTH: 285px; PADDING-TOP: 5px; BORDER-BOTTOM: #7f93bc 1px solid; HEIGHT: 20px
}
.thumbnail {
	BORDER-RIGHT: #f1f1f1 6px solid; BORDER-TOP: #f1f1f1 6px solid; FLOAT: left; MARGIN-LEFT: 10px; BORDER-LEFT: #f1f1f1 6px solid; WIDTH: 120px; BORDER-BOTTOM: #f1f1f1 6px solid; HEIGHT: 120px
}
.thumbnail2 {
	BORDER-RIGHT: #f1f1f1 5px solid; BORDER-TOP: #f1f1f1 5px solid; FLOAT: left; BORDER-LEFT: #f1f1f1 5px solid; WIDTH: 50px; BORDER-BOTTOM: #f1f1f1 5px solid; HEIGHT: 50px
}
.ownerinfo {
	FLOAT: left; MARGIN-LEFT: 15px; WIDTH: 280px
}

.actionitem {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 1px; MARGIN: 0px; WIDTH: 85px; COLOR: #369; PADDING-TOP: 1px; BORDER-BOTTOM: #ddd 1px solid; TEXT-ALIGN: right
}
.slave_panel {
	PADDING-RIGHT: 0px; PADDING-LEFT: 10px; MARGIN-BOTTOM: 15px; PADDING-BOTTOM: 15px; WIDTH: 430px; PADDING-TOP: 0px;
}
.friend_panel{
	PADDING-RIGHT: 0px; PADDING-LEFT: 10px; MARGIN-BOTTOM: 15px; PADDING-BOTTOM: 15px; PADDING-TOP: 0px;
}
.friend_item {
border-bottom:1px solid #D8DFEA;
margin-bottom:10px;
padding:5px 0 10px 5px;
width:570px;
}

.invite {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #eee 1px solid; BACKGROUND: #fff; FLOAT: right; BORDER-LEFT: #eee 1px solid; WIDTH: 150px; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 24px
}
.invite H4 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 18px; FONT-WEIGHT: normal; FONT-SIZE: 12px; BACKGROUND: url(images/invite.gif) no-repeat left 50%; PADDING-BOTTOM: 0px; MARGIN: 2px 0px 0px 5px; WIDTH: 120px; CURSOR: pointer; COLOR: #999; PADDING-TOP: 2px; HEIGHT: 16px; TEXT-ALIGN: center
}

.activity_list {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 5px
}
.activity_icon {
	BACKGROUND: url(images/money.png) no-repeat;width:16px;padding-right:2px;
}
.activity_item {
	FLOAT: left; PADDING-BOTTOM: 2px; MARGIN-LEFT: 7px; WIDTH: 285px; COLOR: #333; LINE-HEIGHT: 150%; BORDER-BOTTOM: #d8deea 1px dashed
}


.dialog_title{
background:#6D84B4 none repeat scroll 0 0;
border-bottom:1px solid #565656;
font-weight:bold;
height:25px;
}
.dialog_title .text {
color:#FFFFFF;
float:left;
font-size:13px;
padding:3px 8px;
}
.dialog_title .close_button {
float:right;
padding:2px 3px;
}
.dialog_top_border{
background: rgb(0, 0, 0) none repeat scroll 0%; 
width: 460px; opacity: 0.4;filter:alpha(opacity=40);
height:8px;
}
.dialog_bottom_border{
background: rgb(0, 0, 0) none repeat scroll 0%; 
width: 460px; opacity: 0.4;filter:alpha(opacity=40);
height:8px;
}

.dialog_options {
border:1px solid #CCCCCC;
height:125px;
margin:0 auto;
overflow-x:hidden;
overflow-y:scroll;
width:270px;
}
.dialog_options .item {
border-bottom:1px dotted #CCCCCC;
height:16px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:5px 0;
width:270px;
}
